//首页幻灯片
 var t = n = 0, count;    
 $(document).ready(function(){            
							count=$("#banner_list a").length;          
							$("#banner_list a:not(:first-child)").hide();       
							$("#huanimgtitle").html($("#banner_list a:first-child").find("img").attr('alt'));       
							$("#huanimgtitle").click(function(){window.open($("#banner_list a:first-child").attr('href'), "_blank")});       
							$("#column-1 li").click(function() {           
														   var i = $(this).text() - 1;//获取Li元素内的值，即1，2，3，4         
																																																																																																											   n = i;            if (i >= count) return;         $("#huanimgtitle").html($("#banner_list a").eq(i).find("img").attr('alt'));          
																																																																																																											   $("#huanimgtitle").unbind().click(function(){window.open($("#banner_list a").eq(i).attr('href'), "_blank")})                   
																																																																																																																																																																																																																			   $("#banner_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);           
																																																																																																											   $(this).css({"background":"#be2424",'color':'#000'}).siblings().css({"background":"#6f4f67",'color':'#fff'});        });     
							t = setInterval("showAuto()", 4000);       
							$("#column-1").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 4000);});    })     
 function showAuto()    {      
 n = n >=(count - 1) ? 0 : ++n;       
 $("#column-1 li").eq(n).trigger('click');    }
 
 
 
 
 //菜单功能实现
 		$(document).ready(function(){
						   
			  //首页的html
			  var $shouye = "";
			  //服装搭配的html
			  var $fuzhuang = "<ul><li><a href=\"#\">服装搭配_1</a></li><li><a href=\"#\">服装搭配_2</a></li>	<li><a href=\"#\">服装搭配_3</a></li><li><a href=\"#\">服装搭配_4</a></li></ul>";
			  //发型设计的html
			  var $faxing = "<ul><li><a href=\"#\">发型设计_1</a></li><li><a href=\"#\">发型设计二</a></li><li><a href=\"#\">发型设计三</a></li><li><a href=\"#\">发型设计四</a></li></ul>";
			  //化妆的html
			  var $huazhuang = "<ul><li><a href=\"#\">化妆1</a></li><li><a href=\"#\">化妆2</a></li><li><a href=\"#\">化妆3</a></li>	<li><a href=\"#\">化妆4</a></li><li><a href=\"#\">化妆5</a></li>		</ul>";
			  //养生堂html
			  var $yangsheng = "<ul><li><a href=\"#\">养生1</a></li><li><a href=\"#\">养生2</a></li><li><a href=\"#\">养生3</a></li><li><a href=\"#\">养生4</a></li><li><a href=\"#\">养生5</a></li>			</ul>";
			var t=new Array()
				//首页菜单效果变化
				$(".caidan").hover(function(){
							$(this).children().css("background","url(./img/nav_bg.gif) no-repeat");
							$(this).children().css("color","#FFF");
							$("#sub_nav").html(eval("$" + $(this).attr("id")));
							$(this).nextAll().children().css("background","url(./img/nav_bg03.gif) no-repeat");
							$(this).nextAll().children().css("color","#666");
							$(this).prevAll().children().css("background","url(./img/nav_bg03.gif) no-repeat");
							$(this).prevAll().children().css("color","#666");
					}, function(e){
							//如果鼠标是从下方离开，也就是说鼠标进入了子菜单，则对子菜单进行监听
							if (inSubMenu(e, $("#sub_nav").offset(), $("#sub_nav").width(), $("#sub_nav").height())){
								//子菜单也进行hover监听，移入是不触发任何时间，移出时恢复最初状态（这个地方mouseout事件有BUG，退而求其次使用hover事件）
									$("#sub_nav").hover(function(){}, function(){
											$(".currentBt").children().css("background","url(./img/nav_bg.gif) no-repeat");
											$(this).children().css("color","#FFF");
											$("#sub_nav").html(eval("$" + $(".currentBt").attr("id")));
											$(".currentBt").nextAll().children().css("background","url(./img/nav_bg03.gif) no-repeat");
											$(".currentBt").nextAll().children().css("color","#666");
											$(".currentBt").prevAll().children().css("background","url(./img/nav_bg03.gif) no-repeat");
											$(".currentBt").prevAll().children().css("color","#666");
										});
							}	
							else{
								//未防止闪烁，进行一次判断，判断鼠标是否从导航的上方或最左方最右方离开，如果是才恢复最初
								if(isLeft(e, $("#nav").offset(), $(this).offset(), $("#nav").width()))
								{
									$(".currentBt").children().css("background","url(./img/nav_bg.gif) no-repeat");
									$(this).children().css("color","#FFF");
									$("#sub_nav").html(eval("$" + $(".currentBt").attr("id")));
									$(".currentBt").nextAll().children().css("background","url(./img/nav_bg03.gif) no-repeat");
									$(".currentBt").nextAll().children().css("color","#666");
									$(".currentBt").prevAll().children().css("background","url(./img/nav_bg03.gif) no-repeat");
									$(".currentBt").prevAll().children().css("color","#666");
								}
								
							}
						});
});


//判断当前鼠标是否在子菜单内，通过鼠标的位置进行判断
var inSubMenu = function(e, offset, width, height){
		return (e.pageX < offset.left || e.pageX > (offset.left + width) || e.pageY < offset.top || e.pageY > (offset.top +　height)) ? false : true; 
}

//判断鼠标是否是从上方或者最左方，最右方离开菜单
var isLeft = function(e, offset1, offset2, width){
	return (e.pageY < offset2.top || e.pageX < offset1.left || e.pageX > (offset1.left + width)) ? true : false;
}